<!DOCTYPE html>
<html lang="" class="font">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name='viewport' content='width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=0'>
    <link rel="icon" href="<%= BASE_URL %>favicon.jpg">
    <!--    <title><%= htmlWebpackPlugin.options.title %></title>-->
    <title>JJY_BLOG</title>
    <!-- 引入vue  -->
    <script src="https://cdn.staticfile.org/vue/2.6.11/vue.min.js"></script>
    <!-- 引入vue-router -->
    <script src="https://cdn.staticfile.org/vue-router/3.2.0/vue-router.min.js"></script>
    <!-- 引入elementui组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <!-- 引入elementui样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!--cdn引入axios-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.23.0/axios.min.js"></script>
    <!--cdn引入muse-ui组件库-->
    <link rel="stylesheet" href="https://unpkg.com/muse-ui/dist/muse-ui.css">
    <script src="https://unpkg.com/muse-ui/dist/muse-ui.js"></script>
    <!--  cdn引入vuex  -->
    <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>

<!--    &lt;!&ndash;  引入vant组件库  &ndash;&gt;-->
<!--    &lt;!&ndash; 引入样式文件 &ndash;&gt;-->
<!--    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.4/lib/index.css">-->
<!--    &lt;!&ndash; 引入Vant 的 JS 文件 &ndash;&gt;-->
<!--    <script src="https://cdn.jsdelivr.net/npm/vant@2.4/lib/vant.min.js"></script>-->


    <script>!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=window;t["default"]=i.flex=function(normal,e,t){var a=e||100,n=t||1,r=i.document,o=navigator.userAgent,d=o.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i),l=o.match(/U3\/((\d+|\.){5,})/i),c=l&&parseInt(l[1].split(".").join(""),10)>=80,p=navigator.appVersion.match(/(iphone|ipad|ipod)/gi),s=i.devicePixelRatio||1;p||d&&d[1]>534||c||(s=1);var u=normal?1:1/s,m=r.querySelector('meta[name="viewport"]');m||(m=r.createElement("meta"),m.setAttribute("name","viewport"),r.head.appendChild(m)),m.setAttribute("content","width=device-width,user-scalable=no,initial-scale="+u+",maximum-scale="+u+",minimum-scale="+u),r.documentElement.style.fontSize=normal?"50px": a/2*s*n+"px"},e.exports=t["default"]}]);  flex(false,100, 1);</script>
    <!-- 版本过低提示 -->
<!--    <script>(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){var d=document.createElement("div");d.className="browsehappy";d.innerHTML='<div style="width:100%;height:100px;font-size:20px;line-height:100px;text-align:center;background-color:#E90D24;color:#fff;margin-bottom:40px;">\u4f60\u7684\u6d4f\u89c8\u5668\u5b9e\u5728<strong>\u592a\u592a\u65e7\u4e86</strong>\uff0c\u592a\u592a\u65e7\u4e86 <a target="_blank" href="http://browsehappy.osfipin.com/" style="background-color:#31b0d5;border-color: #269abc;text-decoration: none;padding: 6px 12px;background-image: none;border: 1px solid transparent;border-radius: 4px;color:#FFEB3B;">\u7acb\u5373\u5347\u7ea7</a></div>';var f=function(){var s=document.getElementsByTagName("body")[0];if("undefined"==typeof(s)){setTimeout(f,10)}else{s.insertBefore(d,s.firstChild)}};f()}}(window));</script>-->

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
    <link rel="stylesheet" href="https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css">

<!--    <style>-->
<!--        .font{-->
<!--            /* font-size: 1rem !important */-->
<!--            font-size: 20px !important-->
<!--        }-->
<!--    </style>-->

    <style media="screen" type="text/css">
        .font{
            font-size: 20px !important
        }

        .lmask {

            position: absolute;
            height: 100%;
            width: 100%;
            background-color: #000;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            z-index: 9999;;
            opacity: 0.8;
        }

        .lmask.fixed {
           position: fixed;
        }

        .lmask:before {
             content: '';
             background-color: rgba(0,0,0,0);
             border: 5px solid rgba(0,183,229,0.9);
             opacity: .9;
             border-right: 5px solid rgba(0,0,0,0);
             border-left: 5px solid rgba(0,0,0,0);
             border-radius: 50px;
             box-shadow: 0 0 35px #2187e7;
             width: 50px;
             height: 50px;
             -moz-animation: spinPulse 1s infinite ease-in-out;
             -webkit-animation: spinPulse 1s infinite linear;
             margin: -25px 0 0 -25px;
             position: absolute;
             top: 50%;
             left: 50%;
         }

        .lmask:after {
             content: '';
             background-color: rgba(0,0,0,0);
             border: 5px solid rgba(0,183,229,0.9);
             opacity: .9;
             border-left: 5px solid rgba(0,0,0,0);
             border-right: 5px solid rgba(0,0,0,0);
             border-radius: 50px;
             box-shadow: 0 0 15px #2187e7;
             width: 30px;
             height: 30px;
             -moz-animation: spinoffPulse 1s infinite linear;
             -webkit-animation: spinoffPulse 1s infinite linear;

             margin: -15px 0 0 -15px;
             position: absolute;
             top: 50%;
             left: 50%;
        }
        @-moz-keyframes spinPulse {

            0% {

                -moz-transform:rotate(160deg);
                opacity: 0;
                box-shadow: 0 0 1px #2187e7;
            }
            50% {

                -moz-transform: rotate(145deg);
                opacity: 1;
            }
            100% {

                -moz-transform: rotate(-320deg);
                opacity: 0;
            }
        }
        @-moz-keyframes spinoffPulse {

            0% {

                -moz-transform: rotate(0deg);
            }
            100% {

                -moz-transform: rotate(360deg);
            }
        }
        @-webkit-keyframes spinPulse {

            0% {

                -webkit-transform: rotate(160deg);
                opacity: 0;
                box-shadow: 0 0 1px #2187e7;
            }
            50% {

                -webkit-transform: rotate(145deg);
                opacity: 1;
            }
            100% {

                -webkit-transform: rotate(-320deg);
                opacity: 0;
            }
        }
        @-webkit-keyframes spinoffPulse {

            0% {

                -webkit-transform: rotate(0deg);
            }
            100% {

                -webkit-transform: rotate(360deg);
            }
        }

        /*.text{*/
        /*    color:#2187e7;*/
        /*    z-index: 99;*/
        /*    font-size: 80px;*/
        /*    position: absolute;*/
        /*    bottom: 0;*/
        /*    left: 0;*/
        /*    right: 0;*/
        /*    top: 0;*/
        /*    margin: auto;*/
        /*}*/
    </style>

</head>

<body style="padding: 0;margin: 0;">
    <div id="appLoading">
        <div class='lmask'></div>
    </div>
    <div id="app" style="display: none"></div>
</body>


</html>
